extends ../layout

block content
    #container.container(style='padding: 15px; text-align: center;')
    h1 语音识别查电影
    .weui-btn.weui-btn_primary 点击开始录音
    h2#title
    #director
    #year
    #poster
    h1 #{desc}
    script.
        //- 通过config接口注入权限验证配置
        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '#{appId}', // 必填，公众号的唯一标识
            timestamp: '#{timestamp}', // 必填，生成签名的时间戳
            nonceStr: '#{noncestr}', // 必填，生成签名的随机串
            signature: '#{signature}',// 必填，签名
            jsApiList: [
                // 分享
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                // 录音
                'startRecord',
                'stopRecord',
                'onVoiceRecordEnd',
                // 翻译
                'translateVoice'
            ] // 必填，需要使用的JS接口列表
        })

        //- 通过ready接口处理成功验证
        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，
            // config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
            console.log('验证成功')

            // 检查接口权限
            wx.checkJsApi({
                jsApiList: [
                    // 分享
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    // 录音
                    'startRecord',
                    'stopRecord',
                    'onVoiceRecordEnd',
                    // 翻译
                    'translateVoice'
                ],
                success: function (res) {
                    console.log('检查接口权限=')
                    console.log(res)
                }
            })

            // 分享（有可能废弃）
            var shareContent = {
                title: '11',// 分享标题
                desc: '222',
                link: '',// 分享链接，该链接域名或路径必须与当前页面对应的公众号js安全域名一致
                imgUrl: 'http://static.mukewang.com/static/img/common/logo.png',// 分享图标
                success: function () {
                    window.alert('分享成功')
                },
                cancel: function () {
                    window.alert('分享失败')
                }
            }

            var doubanSlides
            var isRecording = false

            // 调用分享
            wx.onMenuShareAppMessage(shareContent)


            // 分享图片预览
            $('#poster').on('click', function () {
                wx.previewImage(doubanSlides)
            })

            $('.weui-btn').on('click', function () {
                if (!isRecording) {
                    isRecording = true
                    
                    $('.weui-btn').html('再点击停止录音解析搜索')
                    wx.startRecord({
                        success: function (res) {
                            var localId = res.localId
                        },
                        cancel: function () {
                            window.alert('那就不能搜了哦~')
                        }
                    })
                    return
                }

                isRecording = false

                $('.weui-btn').html('点击开始录音')

                wx.stopRecord({
                    success: function (res) {
                        var localId = res.localId

                        wx.translateVoice({
                            localId: localId,
                            isShowProgressTips: 1,// 默认为1.显示进度提示
                            success: function (res) {
                                console.log('翻译后的文案', res)
                                var result = res.translateResult    //翻译后的文案

                                $.ajax({
                                    type: 'get',
                                    url: 'https://api.douban.com/v2/movie/search?q=' + result,
                                    dataType: 'jsonp',
                                    success: function (data) {
                                        console.log(data)
                                        var subject = data.subjects[0]

                                        $('#title').html(subject.title)
                                        $('#year').html(subject.year)
                                        $('#director').html(subject.director)
                                        $('#poster').html('<img src="' + subject.images.large + '" />')

                                        shareContent = {
                                            title: subject.title,
                                            desc: subject.year + '上映',
                                            link: 'https://www.imooc.com/',
                                            imgUrl: subject.images.large,
                                            success: function () {
                                                window.alert('分享成功')

                                            },
                                            cancel: function () {
                                                window.alert('分享失败')
                                            }
                                        }

                                        doubanSlides = {
                                            content: subject.images.large,
                                            urls: [subject.images.large]
                                        }

                                        data.subjects.forEach(function (item) {
                                            doubanSlides.urls.push(item.images.large)
                                        })

                                        wx.onMenuShareAppMessage(shareContent)
                                    }
                                })
                            }
                        })
                    }
                })
            })
        })

        //- 通过error接口处理失败验证
        wx.error(function (res) {
            // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
        });